<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>姓名案例_watch实现</title>
    <!-- 引入Vue -->
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>

</body>

<script type="text/javascript">
    Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。

    const obj = {
        radius: 10,
        diameter() {
            return this.radius * 2;
        },
        p: {
            perimeter: () => 2 * Math.PI * this.radius
        },

        d() {
            // 在 d 方法内部定义 perimeter 方法
            const perimeter = () => 2 * Math.PI * this.radius;

            // 调用 perimeter 方法
            console.log(perimeter());
            return this.radius * 2;
        },

    };

    console.log(obj.diameter());    // 20
    console.log(obj.p.perimeter());    // NaN
    console.log(obj.d());    // NaN

</script>
</html>
